/* eslint-disable */
import arkever from 'arkever'
export default {
	data() {
		return {
			titleBgColor: 'rgba(0, 0, 0, 0)', // 头部背景色
			targetScrollY: 50, // 滚动目标判断距离
			targetScrollC: '#000', // 到达目标距离填充色
			defaultColors: 'rgba(0, 0, 0, 0)' // 头部默认背景色
		}
	},
	methods: {
		/**
		 * 需要监听滚动事件修改头部组件背景色，在created里调用此方法即可
		 */
		addScrollEventListener(targetScrollY, targetScrollC, defaultColors) {
			targetScrollY && (this.targetScrollY = targetScrollY)
			targetScrollC && (this.targetScrollC = targetScrollC)
			defaultColors && (this.defaultColors = defaultColors)

			window.addEventListener('scroll', this.scrollEventListener, false)
			this.$once('hook:beforeDestroy', function () {
				window.removeEventListener('scroll', this.scrollEventListener)
			})
		},
		scrollEventListener: arkever.throttle(function () {
			this.titleBgColor = window.scrollY > this.targetScrollY ? this.targetScrollC : this.defaultColors
		}, 150)
	}
}
